Ext.define('QMS.view.Viewport', {
	extend: 'Ext.container.Viewport',
	models: ['Employee'],
	requires: [
		 'QMS.view.OrgTree',
		 'QMS.view.Organisation',
		 'QMS.view.Unit',
		 'QMS.view.Project',
		 'QMS.view.Employee'
	],
 	layout: 'fit',
	items: {
		xtype: 'panel',
		title: 'QMS',
		bodyPadding: 5,

		layout: {
			type: 'border',
		},

		items: [{
			region: 'west',
			collapsible: true,
			width: 250,
			split: true,
			title: 'Organisation structure',
			xtype: 'orgtree',
		}, {
			region: 'center',
			xtype: 'container',
			id: 'content-view',
			flex: 1,
			//margins: '0 0 0 5',
			layout: {
				type: 'vbox',
				align: 'stretch'
			},

			items: [{
				xtype: 'panel',
				title: 'Select an item from tree to view it',
				flex: 1,
			}]
		}]
	},

});
